@import './mixins.less';
@import './reset.css';

// 常用间距类
.padding-0 {
	padding: 0;
}

.padding-xs {
	padding: 10px;
}

.padding-sm {
	padding: 20px;
}

.padding {
	padding: 30px;
}

.padding-lg {
	padding: 40px;
}

.padding-xl {
	padding: 50px;
}

.padding-top-xs {
	padding-top: 10px;
}

.padding-top-sm {
	padding-top: 20px;
}

.padding-top {
	padding-top: 30px;
}

.padding-top-lg {
	padding-top: 40px;
}

.padding-top-xl {
	padding-top: 50px;
}

.padding-right-xs {
	padding-right: 10px;
}

.padding-right-sm {
	padding-right: 20px;
}

.padding-right {
	padding-right: 30px;
}

.padding-right-lg {
	padding-right: 40px;
}

.padding-right-xl {
	padding-right: 50px;
}

.padding-bottom-xs {
	padding-bottom: 10px;
}

.padding-bottom-sm {
	padding-bottom: 20px;
}

.padding-bottom {
	padding-bottom: 30px;
}

.padding-bottom-lg {
	padding-bottom: 40px;
}

.padding-bottom-xl {
	padding-bottom: 50px;
}

.padding-left-xs {
	padding-left: 10px;
}

.padding-left-sm {
	padding-left: 20px;
}

.padding-left {
	padding-left: 30px;
}

.padding-left-lg {
	padding-left: 40px;
}

.padding-left-xl {
	padding-left: 50px;
}

.padding-lr-xs {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-lr-sm {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-lr {
	padding-left: 30px;
	padding-right: 30px;
}

.padding-lr-lg {
	padding-left: 40px;
	padding-right: 40px;
}

.padding-lr-xl {
	padding-left: 50px;
	padding-right: 50px;
}

.padding-tb-xs {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-tb-sm {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-tb {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-tb-lg {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-tb-xl {
	padding-top: 50px;
	padding-bottom: 50px;
}

.margin-tb{
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-lf{
  margin-left: 10px;
}






// 公共样式
.pd-0 {padding: 0px; }
.pd-5 {padding: 5px; }
.pd-10 {padding: 10px; }
.pd-15 {padding: 15px; }
.pd-20 {padding: 20px; }
.pd-25 {padding: 25px; }
.pd-30 {padding: 30px; }
.pd-35 {padding: 35px; }
.pd-40 {padding: 40px; }



.pl-0 {padding-left: 0px; }
.pl-5 {padding-left: 5px; }
.pl-10 {padding-left: 10px; }
.pl-15 {padding-left: 15px; }
.pl-20 {padding-left: 20px; }
.pl-25 {padding-left: 25px; }
.pl-30 {padding-left: 30px; }
.pl-35 {padding-left: 35px; }
.pl-40 {padding-left: 40px; }




.pr-0 {padding-right: 0px; }
.pr-5 {padding-right: 5px; }
.pr-10 {padding-right: 10px; }
.pr-15 {padding-right: 15px; }
.pr-20 {padding-right: 20px; }
.pr-25 {padding-right: 25px; }
.pr-30 {padding-right: 30px; }
.pr-35 {padding-right: 35px; }
.pr-40 {padding-right: 40px; }



.pt-0 {padding-top: 0px; }
.pt-5 {padding-top: 5px; }
.pt-10 {padding-top: 10px; }
.pt-15 {padding-top: 15px; }
.pt-20 {padding-top: 20px; }
.pt-25 {padding-top: 25px; }
.pt-30 {padding-top: 30px; }
.pt-35 {padding-top: 35px; }
.pt-40 {padding-top: 40px; }



.pb-0 {padding-bottom: 0px; }
.pb-5 {padding-bottom: 5px; }
.pb-10 {padding-bottom: 10px; }
.pb-15 {padding-bottom: 15px; }
.pb-20 {padding-bottom: 20px; }
.pb-25 {padding-bottom: 25px; }
.pb-30 {padding-bottom: 30px; }
.pb-35 {padding-bottom: 35px; }
.pb-40 {padding-bottom: 40px; }



.mg-0 {margin: 0px; }
.mg-5 {margin: 5px; }
.mg-10 {margin: 10px; }
.mg-15 {margin: 15px; }
.mg-20 {margin: 20px; }
.mg-25 {margin: 25px; }
.mg-30 {margin: 30px; }
.mg-35 {margin: 35px; }
.mg-40 {margin: 40px; }

.ml-0 {margin-left: 0px; }
.ml-5 {margin-left: 5px; }
.ml-10 {margin-left: 10px; }
.ml-15 {margin-left: 15px; }
.ml-20 {margin-left: 20px; }
.ml-25 {margin-left: 25px; }
.ml-30 {margin-left: 30px; }
.ml-35 {margin-left: 35px; }
.ml-40 {margin-left: 40px; }


.mr-0 {margin-right: 0px; }
.mr-5 {margin-right: 5px; }
.mr-10 {margin-right: 10px; }
.mr-15 {margin-right: 15px; }
.mr-20 {margin-right: 20px; }
.mr-25 {margin-right: 25px; }
.mr-30 {margin-right: 30px; }
.mr-35 {margin-right: 35px; }
.mr-40 {margin-right: 40px; }

.mt-0 {margin-top: 0px; }
.mt-5 {margin-top: 5px; }
.mt-10 {margin-top: 10px; }
.mt-15 {margin-top: 15px; }
.mt-20 {margin-top: 20px; }
.mt-25 {margin-top: 25px; }
.mt-30 {margin-top: 30px; }
.mt-35 {margin-top: 35px; }
.mt-40 {margin-top: 40px; }

.mb-0 {margin-bottom: 0px; }
.mb-5 {margin-bottom: 5px; }
.mb-10 {margin-bottom: 10px; }
.mb-15 {margin-bottom: 15px; }
.mb-20 {margin-bottom: 20px; }
.mb-25 {margin-bottom: 25px; }
.mb-30 {margin-bottom: 30px; }
.mb-35 {margin-bottom: 35px; }
.mb-40 {margin-bottom: 40px; }


.ml--1 {margin-left: -1px; }
.ml--2 {margin-left: -2px; }
.ml--3 {margin-left: -3px; }
.ml--4 {margin-left: -4px; }
.ml--5 {margin-left: -5px; }
.ml--6 {margin-left: -6px; }
.ml--7 {margin-left: -7px; }
.ml--8 {margin-left: -8px; }
.ml--9 {margin-left: -9px; }
.ml--10 {margin-left: -10px; }
.ml--15 {margin-left: -15px; }
.ml--20 {margin-left: -20px; }
.ml--25 {margin-left: -25px; }
.ml--30 {margin-left: -30px; }
.ml--35 {margin-left: -35px; }
.ml--40 {margin-left: -40px; }




.mr--1 {margin-right: -1px; }
.mr--2 {margin-right: -2px; }
.mr--3 {margin-right: -3px; }
.mr--4 {margin-right: -4px; }
.mr--5 {margin-right: -5px; }
.mr--6 {margin-right: -6px; }
.mr--7 {margin-right: -7px; }
.mr--8 {margin-right: -8px; }
.mr--9 {margin-right: -9px; }
.mr--10 {margin-right: -10px; }
.mr--15 {margin-right: -15px; }
.mr--20 {margin-right: -20px; }
.mr--25 {margin-right: -25px; }
.mr--30 {margin-right: -30px; }
.mr--35 {margin-right: -35px; }
.mr--40 {margin-right: -40px; }



.mt--1 {margin-top: -1px; }
.mt--2 {margin-top: -2px; }
.mt--3 {margin-top: -3px; }
.mt--4 {margin-top: -4px; }
.mt--5 {margin-top: -5px; }
.mt--6 {margin-top: -6px; }
.mt--7 {margin-top: -7px; }
.mt--8 {margin-top: -8px; }
.mt--9 {margin-top: -9px; }
.mt--10 {margin-top: -10px; }
.mt--15 {margin-top: -15px; }
.mt--20 {margin-top: -20px; }
.mt--25 {margin-top: -25px; }
.mt--30 {margin-top: -30px; }
.mt--35 {margin-top: -35px; }
.mt--40 {margin-top: -40px; }




.mb--1 {margin-bottom: -1px; }
.mb--2 {margin-bottom: -2px; }
.mb--3 {margin-bottom: -3px; }
.mb--4 {margin-bottom: -4px; }
.mb--5 {margin-bottom: -5px; }
.mb--6 {margin-bottom: -6px; }
.mb--7 {margin-bottom: -7px; }
.mb--8 {margin-bottom: -8px; }
.mb--9 {margin-bottom: -9px; }
.mb--10 {margin-bottom: -10px; }
.mb--15 {margin-bottom: -15px; }
.mb--20 {margin-bottom: -20px; }
.mb--25 {margin-bottom: -25px; }
.mb--30 {margin-bottom: -30px; }
.mb--35 {margin-bottom: -35px; }
.mb--40 {margin-bottom: -40px; }




.ban-on-selected{ // 禁止选中文本
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}